<template>
  <div>
    <!-- 数据记录详情 -->
    <el-descriptions border :column="2" direction="vertical">
      <el-descriptions-item
        v-for="(item, key) in props.tableData"
        :key="key"
        :label="`${item.mark ? item.mark + '-' : ''}${item.datapointTypeTitle}`"
      >
        <span class="text-lg text-[0.8rem]">{{
          item.value ? item.value : "---"
        }}</span>
        <span class="ml-1 font-bold text-[0.8rem]">
          {{ item.value ? item.unit : "" }}
        </span>
      </el-descriptions-item>
    </el-descriptions>
  </div>
</template>

<script setup>
import { ref, onMounted } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";

onMounted(() => {});
const props = defineProps({
  tableData: {
    type: Array,
  },
});
</script>

<style scoped lang="scss">
</style>